* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
#app {
	width: 100vw;
	height: 100vh;
	color: #333;
	background-color: #f4f5f5;
}

.mt10{
  margin-top: 10px;
}

.mt15{
  margin-top: 15px;
}
.ml10{
  margin-left: 10px;
}

a {
   text-decoration: none;     
}

input {
  outline: none;
}

.card-box {
  border-radius: 4px;
  background-color: #fff;
  padding: 8px 20px;
  min-height: 200px;
  box-shadow: 1px 1px 1px 2px #efefef;
}

// itjidanci公共样式
.itjidanci-layout-container{

  .content-container{
    display: flex!important;
  }

  .body-content{
    display: flex;

    img{
      max-width: 100%;
    }
  }

}


//不要给父元素添加position:relative；让左侧导航相对于body固定
.itjidanci-layout-container {
	// position: relative;
	width: 100vw;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: auto;
}
.page-max-width {
	//mac book pro 2015‘s width
	max-width: 1280px;
}
.page-body-container {
	background: #ffffff;
	height: calc(100vh - 60px);
	overflow-y: auto;
	display: flex;
	.body-content {
		margin: 0 auto;
		margin-left: 198px;
		padding: 20px;
		max-width: 1082px;
	}
}